.banner {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	position:relative;
}
/*Slide images one*/
.addWrap{ position:relative; width:100%;max-width:1400px;background:#fff;margin:0 auto; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:30%; left:50%; margin-left:-100px;width:200px; filter: alpha(opacity=50);text-align:center;}
#position li{width:13px;height:13px;margin:0 3px;display:inline-block;-webkit-border-radius:50%;border-radius:50%;border:2px solid #fff;}
#position li.cur{background-color:#fff;}
.img-responsive { display: block; max-width:100%;height: auto;}
.reg_btn { position:absolute;width:120px;height:30px;right:16%;top:52%;text-align:center;border:1px solid #fff;}
.reg_btn a { font-size:16px;line-height:30px;color:#fff;display:block;width:100%;}
.reg_btn a:hover { background-color:#fff;color:#ff7e00;}
@media screen and (max-width:1270px){
#position { bottom:0;}
#position li { width: 8px; height: 8px; margin: 0 3px;  border: 1px solid #fff;}
.reg_btn {width: 80px;height: 18px;right: 2%;top: 85%;}
.reg_btn a { font-size: 12px; line-height: 18px; }
} 

/*Slide images two*/
.flexile { width:100%;max-width:1400px;height:auto;position:absolute;bottom:0;background:#63471d;background:rgba(47,47,47,.6); } 
.clearout{clear:both;}
#flexiselDemo3{display:none;}
.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-ul{position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.nbs-flexisel-inner{overflow:hidden;margin:0 auto;width:92%;}
.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;}
.nbs-flexisel-item img{display:inline;width:100%;cursor:pointer;position:relative;margin-top:10px;margin-bottom:10px;max-width:200px;max-height:130px;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{width:8px;height:44px;position:absolute;cursor:pointer;z-index:100;opacity:0.5;}
.nbs-flexisel-nav-left{left:40px;background:url(http://event.d1net.com/statics/images/special/event/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right{right:40px;background:url(http://event.d1net.com/statics/images/special/event/button-next.png) no-repeat;}
@media screen and (max-width:1270px) {
	.flexile { position:static; }
	.nbs-flexisel-inner{width:100%;background:#63471d;}
	.nbs-flexisel-item img{max-width:100px;max-height:65px;}
	.nbs-flexisel-nav-left{left:5px;}
	.nbs-flexisel-nav-right{right:5px;}
}
@media screen and (max-width:550px){
	.flexile { position:static; }
	.nbs-flexisel-inner{width:100%;background:#63471d;}
	.nbs-flexisel-item img{max-width:70px;max-height:46px;}
	.nbs-flexisel-nav-left{left:0;background-size:4px 22px;background-position:left center;}
	.nbs-flexisel-nav-right{right:0;background-size:4px 22px;background-position:right center;}
}

/*main*/
.main {
	width:100%;
	max-width:1400px;
	margin:0 auto;
}
.bgWhite {
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#fff;
}
.bgGray { 
	width:100%;
	height:auto;
	background-color:#fff;
}
.title {
	margin:50px auto;
	background-image:url(http://event.d1net.com/statics/images/special/event/titleIcon.png);
	background-repeat:no-repeat;
}
.title01 {
	width:248px;
	height:41px;
	background-position:0 0;
}
.title02 {
	width:199px;
	height:44px;	
	background-position:0 -88px;
}
.title03 {
	width:341px;
	height:47px;	
	background-position:0 -41px;
}
.title04 {
	width:433px;
	height:112px;	
	background-position:0 -132px;
}
.title  h1 {
	font-size:28px;
	line-height:38px;
	color:#025a85;
	font-weight:normal;	
}
.title01 h1 { padding-left:72px; }
.title02 h1 { padding-left:80px; }
.title03 h1 {	
	color:#f08200;	
	padding-left:50px;
}
.title04 h1 { color:#9cca59; }
.title04 h1.conventionCCS { padding-left:80px;line-height:60px;font-size: 26px; }
.title04 h1.conventionCENCE { padding-left:76px; }

@media screen and (max-width:640px) {
	.title {  margin: 20px auto; }
	.title01 {
		width: 146px;
		height: 24px;
		background-position: 0 -292px;
	}
	.title02 {
		width: 117px;
		height: 26px;
		background-position: 0 -344px;
	}
	.title03 {
		width: 201px;
		height: 27px;
		background-position: 0 -317px;
	}
	.title04 {
		width: 255px;
		height: 64px;
		background-position: 0 -370px;
	}
	.title h1 {
		font-size: 16px;
		line-height: 20px;
	}
	.title01 h1 { padding-left: 42px; }
	.title02 h1 { padding-left: 48px; }
	.title03 h1 { padding-left: 34px; }
	.title04 h1.conventionCCS {
		padding-left: 55px;
		line-height: 35px;
		font-size: 14px;
	}
	.title04 h1.conventionCENCE { padding-left: 44px; }

}


/******************conference title******************/
h2.conferencetitle a {
	font-size: 18px;
    line-height: 1;
    color: #626262;
    font-weight: bold;
}
ul.meeting li:hover h2.conferencetitle a { color:#025a85; }
.salonMain h2.conferencetitle a:hover { color: #025a85; }
ul.annualMeeting li:hover h2.conferencetitle a { color:#f08200; } 
ul.enterprise li:hover h2.conferencetitle a { color:#9cca59; } 
p.abstract {
	font-size: 12px;
    color: #909090;
    line-height: 16px;
	height: 100px;
	overflow:hidden;
}
.caption p.abstract { height:112px; }
@media screen and (max-width:1000px){
	p.abstract {
		height: 64px;
	}
}
@media screen and (max-width:835px){
	p.abstract {
		height: auto;
	}
}
@media screen and (max-width:640px) {
	
	h2.conferencetitle a {
		font-size: 13px;
		line-height: 1;
	}

}
/******************EDN******************/

/******************LABELS******************/
.labels {
	padding:10px 0;
}
.labels span {
	display:inline-block;
	font-size:12px;
	line-height:19px;
	color:#909090;
	margin-bottom:5px;
}
.labels span.span1 {	
	background:url(http://event.d1net.com/statics/images/special/event/label.png) no-repeat 0 -44px;
	padding-left:24px;
}
.labels span.span2 {
	background:url(http://event.d1net.com/statics/images/special/event/label.png) no-repeat 0 -64px;
	padding-left:15px;
}
.labels span.span3 {
	background:url(http://event.d1net.com/statics/images/special/event/label.png) no-repeat 0 -83px;
	padding-left:25px;
}
.blueLine {
	width:36px;
	height:2px;
	background-color:#088eff;
	display:block;
	margin-bottom:10px;
}

/******************EDN******************/

/******************BUTTON******************/
a.go {
	position:absolute;
	bottom:0;
	right:0;
	display:inline-block;
	width:60px;
	background-color:#c3c3c3;
	text-align:center;
	font-size:18px;
	color:#fff;
	line-height:30px;
	height:30px;		
}
a.enroll {
	right:70px;	
	width:120px;
}
@media screen and (max-width:640px) {
	
	a.go {
		width:40px;
		font-size:12px;
		line-height:20px;
		height:20px;		
	}
	a.enroll {
		right:50px;	
		width:80px;
	}

}
/******************EDN******************/

ul.meeting li:hover a.enroll,ul.meeting li:hover a.go {	background-color:#025a85; }
ul.annualMeeting li:hover a.go { background-color: #f08200;}
ul.enterprise li:hover a.go { background-color: #9cca59; }
.more,#down {
	width:100px;
	height:24px;
	margin:0 auto;
	border:1px solid #e5e5e5;
	margin-bottom:50px;
	cursor:pointer;
}
.more_01 { margin-bottom:0; }
.more img,#down img {
	width:26px;
	height:12px;
	margin:0 auto;
	padding-top:6px;
}
#down{
	margin: 70px auto 0;
}
/******************EDN******************/
ul.meeting:before,ul.meeting li:before,.meetingbg:before,.meetingBox:before {
	display:table;
	content:"";
}
ul.meeting:after,ul.meeting li:after,.meetingbg:after,.meetingBox:after {
	display:table;
	content:"";
	clear:both;
}

ul.meeting {
	width:1246px;
	margin:0 auto;
}
ul.meeting li {
	float:left;
	width:49%;
	margin-bottom:0;
}
ul.meeting li:nth-child(even){ float:right; }
.meetingbg { padding: 6px; }
ul.meeting li:hover { 
	background: url(http://event.d1net.com/statics/images/special/event/bg01.png) no-repeat;
	background-size:100% 100%;
}
.meetingBox {
	width:98%;
	margin:0 auto;
}
ul.meeting li:hover .meetingBox {	
	-webkit-box-shadow:3px 3px 3px #b9b7b8;  
	-moz-box-shadow:3px 3px 3px #b9b7b8;  
	box-shadow:3px 3px 3px #b9b7b8;  
}
.meetingBox a.picLink { display:block;position:relative; }
.meetingBox a.picLink img.meetingPic,.meetingBox a.picLink img.obliqueline {
	width:100%;
	height:auto;
}
.meetingBox a.picLink img.obliqueline {
	position:absolute;
	bottom:0;
	left:0;
}
.theBox {
	width:100%;
	background-color:#f8f8f8;
	position:relative;
}
.caption { padding:30px 10px;padding-top:20px; }
@media screen and (max-width:1246px) { ul.meeting { width:100%; } }
@media screen and (max-width:602px) {
	ul.meeting li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.caption p.abstract { height:auto; }
	.caption { padding-top:10px; }
}

/*map*/
.map {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	height:auto;
	position:relative;
}
.map img.mapImg {
	width:100%;
	height:auto;
}
.salonCity {
	position:absolute;	
	width:28%;
}
.beijing {
	top:35%;
	right:32.5%;
	z-index:1000;
}
.qingdao {
	top:43%;
	right:26.9%;
	z-index:1001;
}
.shenzhen {
	top:80%;
	right:33%;
	z-index:1002;
}
.guangzhou {
	top:78.5%;
	right:34.5%;
	z-index:1005;
}
.lianyungang {
	top: 48%;
    right: 28.5%;
	z-index:1003;
}
.shanghai {
	top: 55%;
	right: 25.5%;
	z-index: 1004;
}
.chengdu{
	top: 61%;
	right: 45.5%;
	z-index: 1005;
}
 
.city { position:relative; }
.city img.coordinate {
	width:36px;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.salonName {
	position:absolute;
	right: 34px;
    top: 3px;
	background-color:#fff;
	display:none;
}

p.conventionName {
	position:relative;
	color:#b6c710;
	font-size:20px;
	line-height:1;
	padding:5px;
}
 p.conventionName:after {
	content:url(http://event.d1net.com/statics/images/special/event/icon02.png);
	position:absolute;
	right:-7px;
	top:12px;
}
.section_more {
	position:absolute;
	top:0;
	left:3.5%;
	display:none;
}
.salon {
	position:absolute;
	top:0;
	left:3.5%;
	width:396px;
	padding:40px 20px 20px 20px;
	background:#f4f3f3 url(http://event.d1net.com/statics/images/special/event/icon03.jpg) no-repeat;
	background-position:right 130px;
	display:none;
	z-index:1000;
}
.salon_add { 
	position:relative;
	top:auto;
	left:auto;
	background:#f4f3f3;
}
.salon_tag {
	position: absolute;
    right: -134px;
    top: 37px;
    width: 134px;
}
.salon_tag_yi {
	padding:10px 5px;
    background-color: #f4f3f3;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #626262;
	cursor:pointer;
}
.salon_tag_er {
	color: #fff;
	background-color: #025a85;
}
img.exit {
	float:right;
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	width:30px;
	height:auto;
}
img.salonPic {
	width:100%;
	height:auto;
	padding-bottom:20px;
}

.salonLabels {
	padding: 10px 0;
    text-align: left;
}

.sponLogos ul { 
	width:100%;
	height:auto;
	overflow:hidden;
	margin:10px 0;
}
.sponLogos ul li { 
	display:inline-block;
	width:100px;
	height:40px;
	border:1px solid #e9e7e7;
	margin-right:3px;	
}
.sponLogos ul li img {
	width:100%;
	height:auto;
}
@media screen and (max-width:768px) {
	
	.bgGray { background-color: #f4f3f3;  margin-bottom: -20px; overflow:hidden; }
	.map img.mapImg,.cities,img.exit { display:none; }
	.section_more {
		position: relative;
		top: auto;
		left: auto;
		display: block;
	}
	.salon {
		display:block;
		position:static;
		background:none;
		width:100%;
		padding:0;
	}
	.salonFrame {
		width:100%;
		height:auto;
		overflow:hidden;
		margin-bottom:20px;
		border-bottom:1px dashed #025a85;
	}
	img.salonPic {
		width:40%;
		float:left;
		padding-right:2%;
		padding-bottom: 0;
	}
	.salonMain {
		width:58%;
		height:auto;
		overflow:hidden;
	}
	.sponLogos ul li {
	width: 70px;
    height: 28px;
    margin-right: 1px;
}
}
@media screen and (max-width:415px){
	
	.salon {
		width: 96%;
		margin:0 auto;
	}
	img.salonPic {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-bottom: 0;
	}
	.salonMain { width: 100%; padding-top: 10px; }
	
}

/************map end*************/

ul.annualMeeting {
	width:1246px;
	margin:0 auto;	
}
ul.annualMeeting li {
	width:100%;
	height:auto;
	overflow:hidden;
	clear:both;
	margin-bottom:30px;
}
ul.annualMeeting li:hover { background:url(http://event.d1net.com/statics/images/special/event/bg03.png) no-repeat right bottom; }
img.annualMeetingImg {
	float:left;
	width:40%;
	height:auto;
}
.annualMeetingContent {
	float:left;
	width:58%;
	background-color:#f3f3f3;
	position:relative;
}
.annualMeetingTxt { padding:40px 80px 40px 50px; }
@media screen and (max-width:1246px) {
	.annualMeetingContent { width:60%; }
	ul.annualMeeting { width:100%; }
	.annualMeetingTxt {  padding: 5px 0 30px 10px; }
	
}
@media screen and (max-width:415px){
	
	ul.annualMeeting li { 
		width:96%;
		margin:0 auto;
	}
	img.annualMeetingImg {
		float: none;
		width: 100%;
	}
	.annualMeetingContent {
		width: 100%;
		float: none;
		background-color:#fff;
	}
	.annualMeetingTxt { padding-top:10px; }
	
} 
/************end*************/

ul.enterprise {
    width: 1246px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
ul.enterprise li {
	float: left;
    width: 50%;    
    margin-bottom: 50px;
}
.enterpriseFrame {
	width:96%;
	height: auto;
    overflow: hidden;
	margin:0 auto;
	clear:both;
}
.enterpriseImg {
	width:47%;
	float:left;
	padding-right:2%;
	padding-bottom:11px;
}
ul.enterprise li:hover .enterpriseImg { 
	background:url(http://event.d1net.com/statics/images/special/event/bg04.png) no-repeat;
	background-size:100% 100%;
}
.enterpriseImg img {
	width:100%;
	height:auto;
}
.enterpriseContent {
	width:51%;
	float:left;
	position:relative;
}
.enterpriseTxt { padding:10px 10px 30px; }
@media screen and (max-width:1246px) {
	
	ul.enterprise,.enterpriseFrame { width:100%; }
	ul.enterprise { padding-bottom: 50px; }
	ul.enterprise li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	ul.enterprise li:hover .enterpriseImg { background:none; }
	
}
@media screen and (max-width:415px){
	
	ul.enterprise { padding-bottom: 0; }
	ul.enterprise li {
		float: none;
		width: 96%;
		margin:0 auto;
		margin-bottom: 0;
	}
	.enterpriseImg {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-bottom: 0;
	}
	.enterpriseContent {
		width: 100%;
		float: none;
		position: relative;
	}
	
}
/************end*************/

.footer {
	width:100%;
	text-align:center;
	background-color:#025a85;
	font-size:20px;
	color:#fefefe;
	line-height:1;
	padding:20px 0;
	position:relative;
}
.top {
	position:absolute;
	right:0;
	bottom: 60px;
    width: 70px;
}
.top img {
	width:100%;
	height:auto;
}

.go-to-box {
	position:fixed;
	right:10px;
	bottom:75px;
	z-index:500;
	width:35px;
	height:35px;
	border-radius:35px;
	background:rgba(0,0,0,0.5);
	display:none;
	
}
.go-to-box a {
	display:block;
	width:35px;
	height:35px;
	background:url(http://event.d1net.com/statics/images/special/event/icon_up.png) no-repeat;
	background-size: 20px 20px;
	background-position:center center;
	
} 

@media screen and (max-width:1246px) {
	.top {
		right: 50%;
		bottom: 70px;
		width: 40px;
		margin-right:-20px;
	}
}
@media screen and (max-width:640px) {
	.footer {
		font-size:12px;
		padding:10px 0;
	}
	.top { bottom: 48px; }	
}

/* Animate.css */
.animated1{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:0; 
	animation-delay:0;	
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated2{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:0.3s; 
	animation-delay:0.3s;	
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated3{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:0.6s; 
	animation-delay:0.6s;	
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated4{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:0.8s; 
	animation-delay:0.8s;	
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1);transform:scale(1)}	
	100%{-webkit-transform:scale(2);transform:scale(2)}
}
@keyframes pulse{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	100%{-webkit-transform:scale(2);transform:scale(2)}
}